<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        input是人妖标签，特点：并排显示
        radio 是 收音机的意思   
        type="radio"  为了可以实现N选一，需要给每一个input上添加name属性，保证name属性的值是一样的
        checked="checked" 默认选中某个单选框
        value="登录" 表示input输入框中的内容
     -->
    <form action="http://www.baidu.com">
        <!-- 文本输入框，明文 -->
        用户名：<input type="text" placeholder="请输入你的用户名~"> <br>
        密  码：<input type="password" placeholder="请输入你的密码~"> <br>
        性别：男<input type="radio" checked="checked" name="sex"> 女<input type="radio" name="sex"> <br>
        爱好：篮球<input type="checkbox"> 足球<input type="checkbox">  双色球<input type="checkbox" checked="checked"> <br>
        <!-- type=button在谷歌浏览器中具备提交功能，在其它浏览器中不具备提交功能 -->
        <input type="button" value="登录"> <br>
        <!-- 所谓的重置，就是清空输入框中的内容，项目中基本不用 -->
        <input type="reset" value="重置"> <br>
        <!-- 是一个按钮，具有提交功能 -->
        <!-- 如果不写value，默认就是提交两个字 -->
        <input type="submit"> <br>
        <!-- 文件选择按钮 -->
        <input type="file"> <br>
        <!-- type是没有abc这个属性值，写错了，type此时就是text -->
        <input type="abc">
    </form>
</body>
</html>